<template>
  <div class="min-h-screen bg-gradient-to-br from-slate-900 via-gray-900 to-black">
    <!-- 导航栏 -->
    <Navbar />

    <!-- 主要内容 -->
    <div class="max-w-4xl mx-auto px-6 py-12">
      <!-- 标题区域 -->
      <div class="text-center mb-12">
        <h1 class="text-4xl font-bold text-white mb-4">隐私政策</h1>
        <p class="text-gray-400 text-lg">最后更新时间：2025年10月31日</p>
      </div>

      <!-- 隐私政策内容 -->
      <div class="bg-white/5 backdrop-blur-lg border border-white/10 rounded-2xl p-8 space-y-8">
        <!-- 引言 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">1. 引言</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>
              欢迎使用球球助手（以下简称"我们"或"本平台"）。我们深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。
            </p>
            <p>本隐私政策适用于您通过任何方式访问和使用我们的产品和服务，包括但不限于网站、移动应用程序等。</p>
          </div>
        </section>

        <!-- 信息收集 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">2. 我们收集的信息</h2>
          <div class="text-gray-300 leading-relaxed space-y-4">
            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">2.1 您主动提供的信息</h3>
              <ul class="list-disc list-inside space-y-1 ml-4">
                <li><strong>账户信息：</strong>注册时提供的用户名、邮箱地址、密码等</li>
                <li><strong>个人资料：</strong>您选择提供的个人资料信息</li>
                <li>
                  <strong>支付信息：</strong>购买会员服务时，通过第三方支付平台提供的支付相关信息（本平台不存储您的完整银行卡号或支付密码）
                </li>
                <li><strong>会员信息：</strong>会员等级、购买记录、有效期、查询次数使用情况等</li>
                <li><strong>反馈信息：</strong>您通过反馈功能提交的意见和建议</li>
                <li><strong>关注信息：</strong>您关注的比赛和球队等信息</li>
                <li><strong>发票信息：</strong>申请发票时提供的发票抬头、税号等信息</li>
              </ul>
            </div>

            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">2.2 自动收集的信息</h3>
              <ul class="list-disc list-inside space-y-1 ml-4">
                <li><strong>设备信息：</strong>设备型号、操作系统版本、浏览器类型等</li>
                <li><strong>日志信息：</strong>访问时间、访问页面、IP地址等</li>
                <li><strong>使用数据：</strong>功能使用频率、页面停留时间、查询次数统计等</li>
                <li><strong>浏览记录：</strong>查看的比赛数据、分析记录等</li>
                <li><strong>会员使用记录：</strong>数据查询次数、功能使用情况、会员权益使用记录等</li>
              </ul>
            </div>
          </div>
        </section>

        <!-- 信息使用 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">3. 我们如何使用您的信息</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>我们收集和使用您的个人信息主要用于以下目的：</p>
            <ul class="list-disc list-inside space-y-1 ml-4">
              <li><strong>提供服务：</strong>为您提供足球数据查询、比赛信息展示等核心功能</li>
              <li><strong>账户管理：</strong>管理您的账户、处理登录验证等</li>
              <li><strong>会员服务管理：</strong>管理会员等级、查询次数限制、会员权益发放、会员到期提醒等</li>
              <li><strong>订单处理：</strong>处理会员购买、支付确认、退款处理、发票开具等</li>
              <li><strong>个性化体验：</strong>根据您的使用习惯提供个性化服务和推荐</li>
              <li><strong>安全保障：</strong>检测和防范安全威胁、欺诈行为、异常交易</li>
              <li><strong>服务改进：</strong>分析使用数据以改进产品和服务质量</li>
              <li><strong>客户支持：</strong>响应您的反馈和提供客户服务</li>
              <li><strong>统计分析：</strong>进行会员数据统计、查询行为分析等（仅用于内部优化）</li>
            </ul>
          </div>
        </section>

        <!-- 信息共享 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">4. 信息共享与披露</h2>
          <div class="text-gray-300 leading-relaxed space-y-4">
            <p>我们不会向第三方出售、交易或转让您的个人信息，除非以下情况：</p>

            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">4.1 获得您的明确同意</h3>
              <p>在获得您的明确同意后，我们可能会与第三方共享您的个人信息。</p>
            </div>

            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">4.2 服务提供商</h3>
              <p>我们可能会与以下服务提供商共享必要的信息：</p>
              <ul class="list-disc list-inside space-y-1 ml-4 mt-2">
                <li>云服务提供商（用于数据存储和处理）</li>
                <li>数据服务提供商（用于数据展示功能）</li>
                <li>第三方支付服务提供商（如微信支付、支付宝等，用于处理会员购买支付）</li>
                <li>邮件服务提供商（用于发送验证码和通知）</li>
                <li>统计分析服务提供商（用于服务优化）</li>
              </ul>
              <div class="bg-blue-900/20 border border-blue-500/20 rounded-lg p-4 mt-3">
                <p class="text-blue-400 font-semibold mb-2">关于支付信息：</p>
                <p class="text-sm">
                  支付过程由第三方支付平台（如微信支付、支付宝）直接处理。我们只会接收支付结果通知（订单号、支付金额、支付状态等），不会获取或存储您的银行卡号、支付密码等敏感支付信息。
                </p>
              </div>
            </div>

            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">4.3 法律要求</h3>
              <p>根据法律法规要求、法律程序或政府强制性要求，我们可能会披露您的个人信息。</p>
            </div>
          </div>
        </section>

        <!-- 数据安全 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">5. 数据安全</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>我们采用行业标准的安全措施保护您的个人信息：</p>
            <ul class="list-disc list-inside space-y-1 ml-4">
              <li><strong>加密传输：</strong>使用HTTPS协议和SSL加密技术保护数据传输</li>
              <li><strong>数据加密：</strong>对敏感信息进行加密存储</li>
              <li><strong>访问控制：</strong>实施严格的访问权限控制</li>
              <li><strong>安全审计：</strong>定期进行安全评估和漏洞扫描</li>
              <li><strong>员工培训：</strong>对员工进行数据保护培训</li>
            </ul>
          </div>
        </section>

        <!-- 数据存储 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">6. 数据存储与保留</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p><strong>存储位置：</strong>您的个人信息主要存储在中国境内的服务器上。</p>
            <p><strong>保留期限：</strong>我们会在实现服务目的所必需的期限内保留您的个人信息，除非法律要求或您明确要求删除。</p>
            <p><strong>数据删除：</strong>当您注销账户或我们不再需要您的个人信息时，我们会安全删除或匿名化处理这些信息。</p>
          </div>
        </section>

        <!-- 您的权利 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">7. 您的权利</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>根据相关法律法规，您享有以下权利：</p>
            <ul class="list-disc list-inside space-y-1 ml-4">
              <li><strong>访问权：</strong>了解我们收集、使用您个人信息的情况</li>
              <li><strong>更正权：</strong>要求我们更正或补充您的个人信息</li>
              <li><strong>删除权：</strong>在特定情况下要求我们删除您的个人信息</li>
              <li><strong>撤回同意权：</strong>撤回您之前给予的同意</li>
              <li><strong>投诉举报权：</strong>向相关监管部门投诉举报</li>
            </ul>
            <p>如需行使上述权利，请通过本政策末尾的联系方式与我们联系。</p>
          </div>
        </section>

        <!-- Cookie使用 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">8. Cookie和类似技术</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>我们使用Cookie和类似技术来：</p>
            <ul class="list-disc list-inside space-y-1 ml-4">
              <li>记住您的登录状态和偏好设置</li>
              <li>分析网站使用情况以改进服务</li>
              <li>提供个性化内容和推荐</li>
              <li>确保网站安全运行</li>
            </ul>
            <p>您可以通过浏览器设置管理Cookie，但禁用某些Cookie可能会影响服务功能。</p>
          </div>
        </section>

        <!-- 第三方服务 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">9. 第三方服务</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>我们的服务可能包含第三方链接或服务，包括：</p>

            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">9.1 第三方支付服务</h3>
              <ul class="list-disc list-inside space-y-1 ml-4">
                <li><strong>微信支付：</strong>用于处理会员购买支付，受微信支付服务协议和隐私政策约束</li>
                <li><strong>支付宝：</strong>用于处理会员购买支付，受支付宝服务协议和隐私政策约束</li>
              </ul>
              <p class="mt-2 text-sm">在支付过程中，您的支付信息将由相应的支付平台收集和处理，我们建议您仔细阅读这些支付平台的隐私政策。</p>
            </div>

            <div>
              <h3 class="text-lg font-semibold text-blue-400 mb-2">9.2 其他第三方服务</h3>
              <ul class="list-disc list-inside space-y-1 ml-4">
                <li>足球数据提供商（提供公开比赛数据）</li>
                <li>数据展示服务提供商</li>
                <li>社交媒体平台</li>
              </ul>
            </div>

            <p class="mt-3">这些第三方服务有其独立的隐私政策，我们不对其隐私做法承担责任。建议您在使用这些服务前阅读其隐私政策。</p>
          </div>
        </section>

        <!-- 政策更新 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">10. 隐私政策更新</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>我们可能会不时更新本隐私政策。当政策发生重大变更时，我们会：</p>
            <ul class="list-disc list-inside space-y-1 ml-4">
              <li>在网站显著位置发布更新通知</li>
              <li>通过邮件或其他方式通知您</li>
              <li>更新政策顶部的"最后更新时间"</li>
            </ul>
            <p>建议您定期查看本隐私政策以了解我们如何保护您的信息。</p>
          </div>
        </section>

        <!-- 联系我们 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">11. 联系我们</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <p>如果您对本隐私政策有任何疑问、意见或建议，请通过以下方式联系我们：</p>
            <div class="bg-white/5 rounded-lg p-4 space-y-2">
              <p><strong>邮箱：</strong>1730821420@qq.com</p>
              <p><strong>客服时间：</strong>周一至周五 9:00-18:00</p>
              <p><strong>响应时间：</strong>我们将在收到您的请求后3个工作日内回复</p>
            </div>
          </div>
        </section>

        <!-- 免责声明 -->
        <section>
          <h2 class="text-2xl font-bold text-white mb-4">12. 免责声明</h2>
          <div class="text-gray-300 leading-relaxed space-y-3">
            <div class="bg-yellow-900/20 border border-yellow-500/20 rounded-lg p-4">
              <p class="text-yellow-400 font-semibold mb-2">重要提示：</p>
              <ul class="list-disc list-inside space-y-1 ml-4 text-sm">
                <li>本平台提供的数据展示仅供学习参考</li>
                <li>本平台仅提供数据查询服务，不涉及任何商业交易</li>
                <li>用户应理性看待数据信息，所有数据仅供学习了解使用</li>
                <li>我们不对因使用本平台数据而产生的任何后果承担责任</li>
              </ul>
            </div>
          </div>
        </section>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// SEO配置
useSEO({
  title: '隐私政策 - 球球助手',
  description: '了解球球助手如何收集、使用和保护您的个人信息，确保您的隐私安全',
  keywords: '隐私政策,个人信息保护,数据安全,球球助手',
});
</script>

<style scoped>
/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.5);
}
</style>
